<template>
  <div class="tou">
    <div class="nei">
      <h1>上报单位</h1>
      <el-input placeholder="请输入..." v-model="inputs" clearable> </el-input>
    </div>
    <div class="nei">
      <h1>值班日期</h1>
      <el-input placeholder="请输入..." v-model="input" clearable> </el-input>
    </div>
      <el-button type="primary" @click="searchHander">搜索</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      input: "",
      inputs: "",
    };
  },
  methods:{
    searchHander(){
     this.$emit('parent',this.input)
    }
  }
};
</script>

<style  lang="less" scoped>
.tou{
  height: 60px;
  background-color: #fff;
  margin: 20px 0;
  border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: space-around;
   .el-button{
     width: 100px;
     height: 30px;
     border: 1px solid beige;
   }
   .nei{
    display: flex;
   justify-content: space-around;
   h1{
     width: 150px;
     font-size: 20px;
     font-weight: 700;
     line-height: 32px;
   }
   }
   .el-input__inner{
     width: 125px;
     height: 30px;
   }
}
</style>
